<script setup lang="ts">
import BlockBox from '../BlockBox.vue';
import { ESButton, ESFold } from '../../packages/index';
import { ref } from "vue";
const showRef = ref(false)
const a = ref(false)
</script>
<template>
    <BlockBox text="下拉过渡fold">
        <div style="width: 100px;height: 100px;margin: 10px; border: 1px solid red;">
        </div>
        <ESButton type="primary" @click="showRef = !showRef">{{ '按钮' }}</ESButton>
        <ESFold :show="showRef">
            <div style="width: 200px;height: 100px;margin: 10px; border: 1px solid red;background-color: aqua;">

            </div>
        </ESFold>
        <div>
        </div>
    </BlockBox>
</template>
